﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="login.aspx.cs" Inherits="Admin.login" %>

<%@ Register TagPrefix="ajaxToolkit" Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Login - Supresa Chocolates</title>
    <link href="admin.css" rel="stylesheet" type="text/css" />
    <style>
        #Login
        {
            position: absolute;
            left: 40%;
            top: 40%;
            width: 300px;
            background: white;
            padding-left:20px;
            border-top-right-radius: 15px;
            border-top-left-radius: 15px;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 15px;
            -moz-box-shadow: 5px 5px 6px #F4A460;
            -webkit-box-shadow: 5px 5px 6px #F4A460;
            box-shadow: 5px 5px 5px #F4A460;
        }

    </style>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="scripts/jquery-ui-1.8.16.custom/css/custom-theme/jquery-ui-1.8.16.custom.css" />
    <script src="scripts/colorbox/jquery.colorbox-min.js" type="text/javascript"></script>
    <link href="scripts/colorbox/colorbox.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(document).ready(function () {
            $('#btnLogin').button({ icons: { primary: 'ui-icon-key'} });
            $('#alink').colorbox({ inline: true, width: '50%' });

            if (document.getElementById('lblErro').innerText != ("")) {
                $('#alink').click();
            }
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </ajaxToolkit:ToolkitScriptManager>
    <div id="Login">
        <table class="tabela" style="width: 250px; margin: 0 15px 0 15px">
            <thead class="cabecalho">
                <tr>
                    <th scope="col" colspan="2">
                        <strong>Login</strong>
                    </th>
                </tr>
            </thead>
            <tfoot>
                <tr class="">
                    <td style="text-align: right; border-bottom: 1px solid #Ffffff" colspan="2">
                        <br />
                        <strong>Desenvolvido por <a href="#">@jcgarcia</a></strong>
                    </td>
                </tr>
            </tfoot>
            <tbody>
                <tr class="tblLinha">
                    <td style="text-align: left;">
                        <strong>Usuário:</strong>
                    </td>
                    <td style="text-align: right;">
                        <asp:TextBox ID="txtUsuario" runat="server" CssClass="text"></asp:TextBox>
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" TargetControlID="txtUsuario"
                            WatermarkText="nome de usuário" runat="server" WatermarkCssClass="watermarked">
                        </ajaxToolkit:TextBoxWatermarkExtender>
                    </td>
                </tr>
                <tr class="tblLinha">
                    <td style="text-align: left;">
                        <strong>Senha:</strong>
                    </td>
                    <td style="text-align: right;">
                        <asp:TextBox ID="txtSenha" runat="server" CssClass="text" TextMode="Password"></asp:TextBox>
                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" TargetControlID="txtSenha"
                            WatermarkText="********" runat="server" WatermarkCssClass="watermarked">
                        </ajaxToolkit:TextBoxWatermarkExtender>
                    </td>
                </tr>
                <tr class="tblLinha">
                    <td class="" style="border-bottom: 1px solid #Ffffff">
                    </td>
                    <td style="text-align: right; border-bottom: 1px solid #Ffffff">
                        <asp:Button ID="btnLogin" runat="server" Text="Login" OnClick="btnLogin_Click" />
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <a id="alink" href="#erro" style="display: none;"></a>
    <div class="ui-widget" style="display: none;">
        <div id="erro" class="ui-state-error" style="padding: 0 .7em;">
            <p style="font-size: 12px; font-weight: bold; font-family: 'Verdana' , 'Lucida Sans Unicode' , 'Lucida Grande' , 'Sans-Serif';">
                <span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
                <strong>
                    <asp:Label ID="lblErro" runat="server" Text=""></asp:Label></strong></p>
        </div>
    </div>
    </form>
</body>
</html>
